<template>
<div id="articleRead">
    <div class="top_content">
        <div class="title">
            <el-page-header content="详情" @back="goBack" />
        </div>
    </div>
    <div class="mid_content">
        <div class="title"><span class="leftSpan"></span><div class="con_title">{{backName == '/' ? title : titles}}</div></div>
        <div class="contents" v-html="content" v-if="backName == '/'"></div>
        <div class="contents" v-html="contents" v-else></div>
    </div>
</div>
    
</template>

<script>
export default {

    data(){
        return{
            title:"2022年6月21日全国碳排放权交易市场清结算信息日报",
            titles:'生态环境部：关于发布《碳排放权登记管理规则（试行）》《碳排放权交易管理规则（试行）》和《碳排放权结算管理规则（试行）》的公告',
            content:'今日全国碳排放权交易市场成交总量50吨，成交总额2,980元，最高成交价59.6元/吨，最低成交价59.6元/吨，成交均价59.6元/吨，其中：</br>【挂牌协议交易】今日成交50吨，成交额2,980元，成交均价59.6元/吨；</br>【大宗协议交易】今日无成交。</br>全国碳排放权交易市场开市至今累计成交总量192,986,850吨，累计成交总额8,433,661,080.02元。',
            contents:'关于发布《碳排放权登记管理规则（试行）》《碳排放权交易管理规则（试行）》和《碳排放权结算管理规则（试行）》的公告</br>为进一步规范全国碳排放权登记、交易、结算活动，保护全国碳排放权交易市场各参与方合法权益，我部根据《碳排放权交易管理办法（试行）》，组织制定了《碳排放权登记管理规则（试行）》《碳排放权交易管理规则（试行）》和《碳排放权结算管理规则（试行）》，现将有关事项公告如下：</br>　一、全国碳排放权注册登记机构成立前，由湖北碳排放权交易中心有限公司承担全国碳排放权注册登记系统账户开立和运行维护等具体工作。</br>二、全国碳排放权交易机构成立前，由上海环境能源交易所股份有限公司承担全国碳排放权交易系统账户开立和运行维护等具体工作。</br>三、《碳排放权登记管理规则（试行）》《碳排放权交易管理规则（试行）》和《碳排放权结算管理规则（试行）》自本公告发布之日起施行。</br>特此公告。</br>附件：1.碳排放权登记管理规则（试行）  </br>2.碳排放权交易管理规则（试行）</br>3.碳排放权结算管理规则（试行）</br>生态环境部</br>2021年5月14日</br>生态环境部办公厅2021年5月17日印发',
            contIndex:0,
            allList:[{"organization":"生态环境部","title":"生态环境部:关于发布《碳排放权登记管理规则（试行）》《碳排放权交易管理规则（试行）》和《碳排放权结算管理规则（试行）》的公告","date":"2022-05-20","id":"1"},
            {"organization":"生态环境部","title":"生态环境部:关于发布《碳排放权登记管理规则（试行）》《碳排放权交易管理规则（试行）》和《碳排放权结算管理规则（试行）》的公告","date":"2022-05-20","id":"1"},
            {"organization":"生态环境部","title":"生态环境部:关于发布《碳排放权登记管理规则（试行）》《碳排放权交易管理规则（试行）》和《碳排放权结算管理规则（试行）》的公告","date":"2022-05-20","id":"1"}],
            backName:'',    
        }
    },
    methods:{
        handleSelect(key,keypath){
            console.log(key)
        },
        to(name){
            this.$router.push(name);
        },
        goBack(){
            console.log(this.backName)
            this.$router.push(this.backName);
        },
    },
    mounted(){
        window.scrollTo(0,0);
        this.backName = this.$route.query.back
    }
}
</script>

<style scoped>
#AboutUs{
    position: relative;
}
.top_content{
    width:100%;
    height:480px;
    background: url("../assets/a.png");
    background-size: cover !important;
    background-repeat: round !important;
    text-align: center;
    overflow:hidden;

}
.top_content .title{
    width: 1080px;
    margin:auto;
    margin-top: 40px;
    /* color: #333; */
}
.mid_content{
    width: 1080px;
    position:relative;
    left: 50%;
    margin-left:-540px;
    top:-400px;
    min-height: 600px;
    -webkit-box-shadow: 0 11px 24px rgba(0, 17, 54, 0.58);
    -moz-box-shadow: 0 11px 24px rgba(0, 17, 54, 0.58);
    box-shadow: 0 11px 24px rgba(0, 17, 54, 0.58);
    background: #ffffff;
    padding: 30px 40px;
    box-sizing: border-box;
}
.mid_content .title{
    font-size: 22px;
    line-height: 30px;
    overflow: hidden;
    color:#333;

}
.title .con_title{
    margin-left:10px;
    margin-top: -5px;
}
.contents{
    padding: 20px 0;
    font-size: 16px;
    color:#333;
    line-height: 30px;
}
</style>